<f:view id="ajaxEcho" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<h:head />

	<body>
	    <ui:composition>
		    	<p:fieldset legend="#{msg['pessoa.formacaoAcademica']}" style="margin-bottom:20px">
					<h:panelGrid id="formacoesAcademica" >
						<div id="formacoesAcademica">
							<ui:repeat  id="formacaoAcademica" var="formacaoAcademica" value="#{pessoaController.pessoa.formacoesAcademica}">
								<h:panelGrid columns="6" columnClasses="label, value, label, value, botao">
									
									<h:outputText value="#{msg['pessoa.instituicao']}: " />
									<p:inputText value="#{formacaoAcademica.instituicao}" readonly="${readonly}" required="true" validatorMessage="Inserir nome da Instituição"/>
									
									<h:outputText value="#{msg['pessoa.curso']}: " style="width:100px;heigth:200px" />
									<p:inputText value="#{formacaoAcademica.curso}" readonly="${readonly}" required="true" validatorMessage="Inserir nome do curso"/>
									
									<h:outputText value="#{msg['pessoa.curso.tipo']}: " style="width:100px;heigth:200px" />
									<p:selectOneMenu id="tipoCurso" value="#{formacaoAcademica.tipoCurso}" required="true">
										<f:selectItems value="#{pessoaController.tipoCurso}" />
									</p:selectOneMenu>
									
									<p:outputLabel for="dateInicio" value="#{msg['pessoa.curso.dtInicio']}: " title="dataInicio" />	        			
				        			<p:calendar id="dateInicio" value="#{formacaoAcademica.dataInicio}"  rendered="${!readonly}" pattern="dd/MM/yyyy" mask="true" required="true">
				        			</p:calendar>
				 					<p:inputMask value="#{formacaoAcademica.dataInicio}" mask="99/99/9999" readonly="${readonly}" rendered="${readonly}">
				 						<f:convertDateTime pattern="dd/MM/yyyy" />
				 					</p:inputMask>
 					
				 					<p:outputLabel for="dateFim" value="#{msg['pessoa.curso.dtFim']}: " title="dataFim" />	        			
				        			<p:calendar id="dateFim" value="#{formacaoAcademica.dataFim}"  rendered="${!readonly}" pattern="dd/MM/yyyy" mask="true" >
				        			</p:calendar>
				 					<p:inputMask value="#{formacaoAcademica.dataFim}" mask="99/99/9999" readonly="${readonly}" rendered="${readonly}">
				 						<f:convertDateTime pattern="dd/MM/yyyy" />
				 					</p:inputMask>
			
									<h:outputText value="#{msg['pessoa.curso.situacao']}: " style="width:100px;heigth:200px" />
									<p:selectOneMenu id="situacaoCurso" value="#{formacaoAcademica.situacao}" required="true">
										<f:selectItems value="#{pessoaController.situacaoCurso}" />
									</p:selectOneMenu>
									
									<p:commandButton id="excluir" value="#{msg['pessoa.curso.excluir']}" action="#{pessoaController.pessoa.removerFormacaoAcademica(formacaoAcademica)}"  ajax="false" update="emails"  rendered="#{!readonly}" immediate="true" process="@this" icon="ui-icon-trash"/><br/>
								</h:panelGrid>
								</ui:repeat>
							<h:outputText rendered="#{not empty pessoaController.pessoa.emails}" value="#{msg['pessoa.curso.totalFormcaoAcademica']}: #{pessoaController.pessoa.formacoesAcademica.size()}" style="font-weight: bold;"/>
							<br/>
						</div>
					<p:commandButton  value="#{msg['pessoa.curso.adicionarFormacaoAcademica']}" actionListener="#{pessoaController.pessoa.adicionarNovaFormacaoAcademica()}" process="formacoesAcademica" update="formacoesAcademica" rendered="#{!readonly}" icon="ui-icon-plus"/>
					</h:panelGrid>
				</p:fieldset>
	    </ui:composition>
    </body>
    </f:view>

